<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>星巴克天猫官网</title>
		<link href="./css/tianmao.css" style="text/css" rel="stylesheet">
	</head>
	<body>
		<!--顶部导航栏-->
		<div class="top">
			<div class="top_1">
					<a href="#"><i class="left"></i>天猫首页</a>
					<span>喵，欢迎来天猫</span>
					<a href="#">免费注册</a>
					<a href="#">请登录</a>
					<ul>
						<li><a href="#">我的淘宝<b class="triangle"></b></a>
							<div class="right">
								<p><a href="#">已买到的宝贝</a></p>
								<p><a href="#">已卖到的宝贝</a></p>
							</div>
						</li>
						<li><a class="padding_left" href="#"><i class="picture pic_1"></i>购物车0件</a>
							<div class=""></div>
						</li>
						<li><a href="#">收藏夹<b class="triangle"></b></a>
							<div class="right right_1">
								<p><a href="#">收藏的宝贝</a></p>
								<p><a href="#">收藏的店铺</a></p>
							</div>
						</li>
						<li><span class="line">|</span></li>
						<li><a class="padding_left" href="#"><i class=" picture pic_2"></i>手机版</a></li>
						<li><a href="#">淘宝网</a></li>
						<li class="merchant"><a href="#">商家支持<b class="triangle"></b></a>
							<div class="right right_2">
								<ul>
									<li>
										<h3>商家：</h3>
										<a herf="#">商家中心</a>
										<a herf="#">天猫规则</a>
										<a herf="#">商家入驻</a>
										<a herf="#">运营服务</a>
										<a herf="#">商家品控</a>
										<a herf="#">商家工具</a>
										<a herf="#">天猫智库</a>
										<a herf="#">喵言喵语</a>
									</li>
									<li>
										<h3>帮助：</h3>
										<a herf=#>帮助中心</a>
										<a herf=#>问商友</a>
									</li>
								</ul>
							</div>
						</li>
						<li class=" merchant"><a class="padding_left" href="#"><i class="picture pic_3"></i>网站导航<b class="triangle lastone"></b></a>
							<div class="right right_3">
								<div class="hot">
									<h2>热点推荐Hot</h2>
									<div class="width"><a href="#">天猫超市</a></div>
									<div class="width"><a href="#">喵鲜生</a></div>
									<div class="width"><a href="#">科技新品</a></div>
									<div class="width"><a href="#">女装新品</a></div>
									<div class="width"><a href="#">酷玩街</a></div>
									<div class="width"><a href="#">内衣新品</a></div>
									<div class="width"><a href="#">试美妆</a></div>
									<div class="width"><a href="#">运动新品</a></div>
									<div class="width"><a href="#">时尚先生</a></div>
									<div class="width"><a href="#">精明妈咪</a></div>
									<div class="width"><a href="#">吃乐会</a></div>
									<div class="width"><a href="#">企业采购</a></div>
									<div class="width"><a href="#">会员积分</a></div>
									<div class="width"><a href="#">天猫国际</a></div>
									<div class="width"><a href="#">品质频道</a></div>
								</div>
								<div class="market">
									<h2>行业市场Market</h2>
									<div class="width"><a href="#">美妆   </a></div>
									<div class="width"><a href="#">电器</a></div>
									<div class="width"><a href="#">女装</a></div>
									<div class="width"><a href="#">男装</a></div>
									<div class="width"><a href="#">女鞋</a></div>
									<div class="width"><a href="#">男鞋</a></div>
									<div class="width"><a href="#">内衣</a></div>
									<div class="width"><a href="#">箱包</a></div>
									<div class="width"><a href="#">运动</a></div>
									<div class="width"><a href="#">母婴</a></div>
									<div class="width"><a href="#">家装</a></div>
									<div class="width"><a href="#">医药</a></div>
									<div class="width"><a href="#">食品</a></div>
									<div class="width"><a href="#">配饰</a></div>
									<div class="width"><a href="#">汽车</a></div>
								</div>
								<div class="brand">
									<h2>品牌风尚Brand</h2>
									<div class="width"><a href="#">尚天猫</a></div>
									<div class="width"><a href="#">大牌街</a></div>
									<div class="width"><a href="#">潮牌街</a></div>
									<div class="width"><a href="#">天猫原创</a></div>
									<div class="width"><a href="#">什么牌子好</a></div>
								</div>
								<div class="help">
									<h2>服务指南Help</h2>
									<div class="width"><a href="#">帮助中心 </a></div>
									<div class="width"><a href="#"> 品质保障</a></div>
									<div class="width"><a href="#">特色服务</a></div>
									<div class="width"><a href="#">7天退换货</a></div>
								</div>
							</div>
						</li>
					</ul>
			</div>
		</div>
		<!--右边的固定黑色框-->
		<div class="block">
			<div class="block_top width-height"></div>
			<div class="block_shopping">购物车</div>
			<div class="block_money width-height"></div>
			<div class="block_star width-height"></div>
			<div class="block_data width-height"></div>
			<div class="block_ma width-height"></div>
			<div class="block_bottom width-height"></div>
		</div>
		<!--logo区域和搜索框-->
		
	<div class="search">
			<div class="logo padding">
				<img src="img/logo1.png">
			</div>
			<div class="store padding">
				<a href="#">Starbucks星巴克官方旗舰店</a>
				<i class="store_1">品牌直销</i>
				<a href="#"><img src="img/wangwang.png"/></a>
			</div>
			<div class="logistics padding">
				<p>描述服务物流</p>
				<span>4.9<img src="img/jiantou.png"></span>
				<span>4.9<img src="img/jiantou.png"></span>
				<span>4.9<img src="img/jiantou.png"></span>
				<div class="logistics_1">
				<div class="width">店铺动态评分 </div>
				<div class="width">与同行业相比</div>
				<div class="width">描述相符： 4.9</div>
				<div class="width"><img src="img/jiantou.png">高于 54.6%</div>
				<div class="width">服务态度： 4.9</div>
				<div class="width"><img src="img/jiantou.png">高于 44.87%</div>
				<div class="width">物流服务： 4.9</div>
				<div class="width"><img src="img/jiantou.png">高于 49.75%</div>
				</div>
			</div>
			<div class="mobile padding">
				<p>手机逛</p>
				<div class="mobile_1 "><img src="./img/ewm.png"><b class="triangle position"></b></div>
				<div class="mobile_2"><img src="img/tianmao.png"><p>扫一扫，手机逛起来</p></div>
			</div>
		<div class="input">
			<input class="text" type="text" value=""><input class="submit" type="submit" value="搜天猫">
			<input class="bendian" type="submit" value="搜本店">
		</div>
		</div>
		<!--商品栏目区-->
		<div class="logo-back">
			<div class="logo-center">
				<a href="index.html" style="display:inline-block;"><img style="float:left;height:110px;margin-top: 30px;" src="img/xingbake-logo.jpg" /></a>
				<div class="logo-nav">
					<a class="in" href="index.html">官网首页</a>
					<span>|</span>
					<a class="in" href="#">全部产品</a>
					<span>|</span>
					<a class="in ers" href="#">新品热卖 </a>
					<span>|</span>
					<a class="in hover_1" href="#">咖啡</a>
					<span>|</span>
					<a class="in hover_2" href="#">商品</a>
					<span>|</span>
					<a class="in hover_3" href="#">体验套装</a>
					<span>|</span>
					<a class="in hover_4" href="#">星礼卡</a>
					<span>|</span>
					<a class="in hover_5" href="#">星享卡</a>
					<span>|</span>
					<a class="in hover_6" href="#">电子产品券</a>
					<span>|</span>
					<a class="in" href="#">关于星巴克</a>
					<span>|</span>
					<a class="in" href="#">购物须知</a>
					<!--隐藏内容-->
					<div class="logo-coffee logo-left">
						<a href="#">咖啡豆季度订购</a>
						<a href="#">臻选咖啡豆</a>
						<a href="#">常规咖啡豆</a>
						<a href="#">免煮咖啡</a>
						<img src="img/kofei.jpg" />
					</div>
					<div class="logo-coffee logo-left-1">
						<a href="#">杯类商品</a>
						<a href="#">咖啡冲煮器具</a>
						<a href="#">其他周边</a>
						<img src="img/hongpei.jpg" />
					</div>
					<div class="logo-coffee logo-right">
						<a href="#">云南臻选咖啡豆体验套装</a>
						<a href="#">上海烘焙工坊探味之旅套餐-尊享版</a>
						<a href="#">神秘开幕嘉宾同款礼遇套餐</a>
						<img src="img/bei.jpg" />
					</div>
					<div class="logo-coffee logo-right-1">
						<a href="#">实体星礼卡</a>
						<a href="#">电子星礼卡</a>
						<img src="img/car.jpg" />
					</div>
					<div class="logo-car logo-car-1">
						<a href="#">实体星享卡</a>
						<a href="#">电子星享卡</a>
					</div>
					<div class="logo-car logo-car-2">
						<a href="#">电子饮品券</a>
						<a href="#">季节饮品券</a>
					</div>
				</div>
				<img class="logo-pic" src="img/xiangou.jpg" />
			</div>
		</div>
	<!--轮播图-->
	<div class="lun_pic">
		<div class="pos after">
		<a class="pos-1" href="#"><img src="img/lunbo1.jpg" /></a>
		<a class="pos-2" href="#"><img src="img/lunbo2.jpg" /></a>
		<a class="pos-3" href="#"><img src="img/lunbo3.jpg" /></a>
		<a class="pos-4" href="#"><img src="img/lunbo4.jpg" /></a>
		</div>
	</div>
	<!--商品展示图片-->
	<div class="content_pic">
		<img src="img/one.jpg" />
		<img src="img/two.jpg" />
		<img src="img/three.jpg" />
		<img src="img/four.jpg" />
		<img src="img/five.jpg" />
		<img src="img/six.jpg" />
		<img src="img/seven.jpg" />
	</div>
	<!--底部-->
	<div class="foot-logo">
		<a href="#"><img src="img/XXX.png" /></a>
	</div>
		<div class="foot-1 after">
				<a href="#">
					<div class="yuan">优</div>
					<p>品质保障</p>
					<span>品质护航 购物无忧</span>
				</a>
				<a href="#">
					<div class="yuan">七</div>
					<p>七天无理由退货</p>
					<span>为您提供售后无忧保证</span>
				</a>
				<a href="#">
					<div class="yuan">特</div>
					<p>特色服务体检</p>
					<span>为您呈现不一样的服务</span>
				</a>
				<a href="#">
					<div class="yuan">帮</div>
					<p>帮助中心</p>
					<span>您的购物指南</span>
				</a>
		</div>
		<div class="foot-2 after">
			<div class="wen">
				<p>购物指南</p>
				<a href="#">免费注册</a>
				<a href="#">开通支付宝</a>
				<a href="#">支付宝充值</a>
			</div>
			<div class="wen">
				<p>天猫保障</p>
				<a href="#">发票保障</a>
				<a href="#">售后规则</a>
				<a href="#">缺货赔付</a>
			</div>
			<div class="wen">
				<p>支付方式</p>
				<a href="#">快捷支付</a>
				<a href="#">信用卡</a>
				<a href="#">余额宝</a>
				<a href="#">蚂蚁花呗</a>
				<a href="#">货到付款</a>
			</div>
			<div class="wen">
				<p>商家服务</p>
				<a href="#">天猫规则</a>
				<a href="#">商家入驻</a>
				<a href="#">商家中心</a>
				<a href="#">天猫智库</a>
				<a href="#">物流服务</a>
				<a href="#">喵言喵语</a>
				<a href="#">运营服务</a>
			</div>
			<div class="wen">
				<p>手机天猫</p>
				<img src="img/ZFXX.png" />
			</div>
		</div>
		<div class="foot-3">
		<div class="foot-4">
			<div class="guanyu">
				<a href="#">关于天猫</a>
				<a href="#">帮助中心</a>
				<a href="#">开放平台</a>
				<a href="#">诚聘英才</a>
				<a href="#">联系我们</a>
				<a href="#">网站合作</a>
				<a href="#">法律声明及隐私权政策</a>
				<a href="#">知识产权</a>
				<a href="#">廉正举报</a>
			</div>
			<div class="guanyu">
				<a href="#">阿里巴巴集团</a>
				<span>|</span>
				<a href="#">淘宝网</a>
				<span>|</span>
				<a href="#">天猫</a>
				<span>|</span>
				<a href="#">聚划算</a>
				<span>|</span>
				<a href="#">全球速卖通</a>
				<span>|</span>
				<a href="#">阿里巴巴国际交易市场</a>
				<span>|</span>
				<a href="#">1688</a>
				<span>|</span>
				<a href="#">阿里妈妈</a>
				<span>|</span>
				<a href="#">飞猪</a>
				<span>|</span>
				<a href="#">阿里云计算</a>
				<span>|</span>
				<a href="#">YunOS</a>
				<span>|</span>
				<a href="#">阿里通信</a>
				<span>|</span>
				<a href="#">万网</a>
				<span>|</span>
				<a href="#">高德</a>
				<span>|</span>
				<a href="#">UC</a>
				<span>|</span>
				<a href="#">友盟</a>
				<span>|</span>
				<a href="#">虾米</a>
				<span>|</span>
				<a href="#">阿里星球</a>
				<span>|</span>
				<a href="#">来往</a>
				<span>|</span>
				<a href="#">钉钉</a>
				<span>|</span>
				<a href="#">支付宝</a>
			</div>
		    <div class="lianxi">
		    	<span>增值电信业务经营许可证：<a href=#>浙B2-20110446</a> </span>
		    	<span>网络文化经营许可证：<a href=#>浙网文[2015]0295-065号</a> </span>
		    	<span><a href=#>12318举报</a> </span>
		    </div>	
		    <div class="lianxi">
		    	<span>互联网药品信息服务资质证书编号：<a href=#>浙-（经营性）-2017-0005</a> </span>
		        <span><a href=#><img src="img/XXXXX-20-20.png" >浙公网安备 33010002000120号</a> </span>
		    	</p>
		    	<p>© 2003-2017 TMALL.COM 版权所有</p>
		    </div>
		</div>
		</div>
	</body>
</html>
